*/
/* Use this with templates/template-twocol.html */
/* Global
-----------------------------------------------
*/
* {
margin: 0;
padding: 0;
}
::-moz-selection {
background: #369;
color: #ff0;
}
::selection {
background: #369;
color: #ff0;
}
code::-moz-selection {
background: #333;
}
code::selection {
background: #333;
}
body {
font: $bodyfont;
background: #e6d9c3 url(http://4.bp.blogspot.com/_wa6zL1GRiOs/SdjrSd44PrI/AAAAAAAACho/ikNnwN__z-w/s1600/body-bg.jpg);
color: $textcolor;
}
p {
margin: 1em 0;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
cursor: help;
border-bottom: 1px dashed #666;
}
blockquote {
margin: 5px 20px;
padding: 0;
color: #ffffff;
border-left: 5px solid #666;
background: #ababab;
}
blockquote p {
padding: 10px 20px;
display: block;
}
a, a:visited {
color: $linkcolor;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
h1, h2, h3 {
font-family: Arial, Verdana, Sans-Serif;
font-weight: bold;
}
h1 {
font-size: 4em;
}
h2 {
font-size: 1.6em;
}
.endline {
clear: both;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
width: 1000px;
height: 200px;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {}
#header h1 {
font: $pagetitlefont;
padding: 10px 0 0 180px;
color: $pagetitlecolor;
}
#header a {
text-decoration: none;
color: $pagetitlecolor;
}
#header a:hover {
text-decoration: none;
color: $pagetitlecolor;
}
#header .description {
color: $descriptioncolor;
font: $descriptionfont;
padding: 0 0 0 190px;
margin-top:-5px;
}
#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
/* Navigation
----------------------------------------------- */
#navigation {
padding: 10px 0 0 180px;
float: left;
width: 450px;
}
#navigation a { color: $topmenucolor; text-decoration: none; font-size: 16px; font-weight: bold;}
#navigation a:hover { color: color: $topmenucolor; text-decoration: underline; font-size: 16px; font-weight: bold;}
#searchform {
float: left;
margin: 0 0 0 15px;
*margin: 6px 0 0 15px;
}
#searchform input {
float: left;
border: none;
color: #000;
}
#searchform .searchtext {
margin: 12px 14px 0 0;
width: 160px;
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
border: none;
background: transparent;
}
#searchform .searchbutton{
width: 42px;
height: 36px;
}
#searchform label {
display: none;
}
#rss {
padding: 0 0 0 530px;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
margin: 0 auto;
width: 1000px;
background: url(http://2.bp.blogspot.com/_wa6zL1GRiOs/Sdjrs4pAOmI/AAAAAAAACjY/GAJ8O9iqvFQ/s1600/wrapper-bg.jpg) repeat-y;
}
#wrap2 {
margin: 0 auto;
width: 1000px;
background: url(http://1.bp.blogspot.com/_wa6zL1GRiOs/S4_j-DprSMI/AAAAAAAAEps/LQpG3zco9wI/s1600/top-frame.jpg) no-repeat;
}
#wrap3 {
margin: 0 auto;
width: 1000px;
background: url(http://4.bp.blogspot.com/_wa6zL1GRiOs/SdjrSYsUBYI/AAAAAAAAChw/8mlgqGryL6A/s1600/bottom-frame.jpg) bottom no-repeat;
}
#content-wrapper {
width: 675px;
padding: 0 155px 0 169px;
}
#main-wrapper {
float: left;
width: 391px;
padding-bottom: 20px;
}
#sidebar-wrapper {
float: left;
width: 284px;
padding-top: 80px;
overflow:hidden;
}
#sidebar-top {
width: 200px;
height: 160px;
padding-left:20px;
}
/* Headings
----------------------------------------------- */
h2 {
font: $headerfont;
color: $sidebarcolor;
padding: 15px 0;
text-align: center;
background: url(http://1.bp.blogspot.com/_wa6zL1GRiOs/SdjrkNXWBYI/AAAAAAAACio/MP2Dh1GqvCs/s1600/sidebar-h.jpg) no-repeat;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
display:none;
}
.post {
padding: 20px 10px 50px 10px;
}
.post h3 {
font: $posttitlefont;
padding: 6px 0 0 10px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
text-decoration: none;
color: $titlecolor;
}
.post h3 strong, .post h3 a:hover {
text-decoration: none;
color: $titlecolor;
}
.postmetadata {
padding: 10px 0 10px 12px;
margin: 0;
color: $visitedlinkcolor;
background: url(images/post-meta.jpg) no-repeat;
font: $postfooterfont;
}
.entry {
width: 90%;
overflow: hidden;
font-family: Tahoma;
font-size: 1.2em;
line-height: 20px;
padding: 0 10px;
}
.commentline {
padding-top: 10px;
}
.read-comments {
float: right;
font-weight: bold;
font-size: 0.9em;
padding: 0 12px 0 0;
text-decoration: none;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}
.comment-link {
margin-$startSide:.6em;
}
.post img {
padding:4px;
border: 0;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
.comment-form {
margin-left:.5em;}
.comments {
margin-left:.5em;}
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #0B486B;
}
#comments-block {
font-size:13px; color:#333333;
}
#comments-block .comment-author {
color:#53524b;
font-size:12px;
background:#DCBEA4;
padding:4px;
font-weight:bold;
text-decoration:none;
}
#comments-block .comment-author a:link, .comment-author a:visited, .comment-author a:hover {
font-weight:bold;
color:#53524b;
border-bottom:solid 1px #DCBEA4;
padding-bottom:2px;
text-decoration:none;
}
dd{margin:0; border:0; padding:0; padding:0 10px; background:#DCBEA4;}
dd.comment-body{border:solid 2px #DCBEA4; border-bottom:none; border-top:none;}
dd.comment-body p{border:0; padding:0; margin:0; padding:10px 0;}
dd.comment-footer{border:solid 2px #DCBEA4; border-top:none; margin-bottom:10px;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
.comment-timestamp{font-size:11px; color:#333333;}
.comment-timestamp a:link, .comment-timestamp a:visited {
font-size:11px; color:#999999; background:none; width:auto; height:auto;
text-align:left; font-weight:normal;}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: $startSide;
}
#blog-pager-older-link {
float: $endSide;
}
#blog-pager {
text-align: center;
}
.feed-links {
display:none;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}
.sidebar ul {
padding: 10px 30px 0 10px;
list-style: none;
}
.sidebar li {
margin: 0 0 5px 0;
font-size: 12px;
color: #000;
}
.sidebar a {
color: #000;
}
.sidebar a:hover {
text-decoration: none;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width: 1000px;
height: 196px;
clear: both;
}
#credit {
padding: 40px 150px 0 0;
text-align: right;
color: #594321;
font-size: 1.1em;
}
#credit a {
color: #594321;
text-align: center;
text-decoration: none;
}
]]>